<div th:fragment="add">
    <div class="modal fade myDivClass" id="myModal1"   tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel"></h4>
                </div>
                <form id ="contentForm">
                <div class="modal-body">
                    <div class="form-group">
                        <label  class="control-label">用户名称:</label>
                        <input type="text" autocomplete="off"  class="form-control" placeholder="请输入名称"   name="name1">
                    </div>
                    <div class="form-group">
                        <label  class="control-label">登录帐号:</label>
                        <input type="text" class="form-control" autocomplete="off" placeholder="请输入帐号"  value=""  name="account1">
                    </div>
                    <div class="form-group">
                        <label  class="control-label">登录密码:</label>
                        <input type="password" class="form-control"  autocomplete="off" placeholder="请输入密码"    name="password1">
                    </div>
                    <div class="form-group">
                        <label  class="control-label">用户名称:</label>
                        <select class="form-control" autocomplete="off" id="sex1">
                            <option value="1" >男</option>
                            <option value="2" >女</option>
                        </select>
                    </div>
                </div>

                </form>
                <div class="modal-footer">
                    <button id="add" type="button" class="myDivClass btn btn-success">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>

            </div>
        </div>
    </div>
    <script>
        $('#myModal1').on('hidden.bs.modal', function () {
            $('#Id').html('');
        });
        $('#myModal1').on('hidden.bs.modal', function (){
            document.getElementById("contentForm").reset();
        });
        //点击新增按钮弹出框
        $("#btn_add").click(function () {
            $("#myModalLabel").text("新增用户");
            $('#myModal1').modal();
        });
        //点击保存按钮
        $("#add").click(function(){

            const account = $("input[name='account1']").val();//获取用户输入的帐号
            const password = $("input[name='password1']").val();//获取用户输入的密码
            const name = $("input[name='name1']").val();//获取用户输入的姓名
            const sex = $('#sex1 option:selected').val(); //获取选择的性别

            if ((account == "") || (account == null)) {//判断用户名是否为空，为空就弹出提示框"请输入用户名"，否则正常执行下面的代码。
                toastr.error("请输入帐号！");
                return false;
            } else if ((password == "") || (password == null)) {//判断密码是否为空，为空就弹出提示框"请输入密码"，否则正常执行下面的代码。
                toastr.error("请输入密码！");
                return false;
            }else if ((name == "") || (name == null)) {//判断密码是否为空，为空就弹出提示框"请输入密码"，否则正常执行下面的代码。
                toastr.error("请输用户名！");
                return false;
            }else if ((sex == "") || (sex == null)) {//判断密码是否为空，为空就弹出提示框"请输入密码"，否则正常执行下面的代码。
                toastr.error("请选择性别！");
                return false;
            }
            const data = {
                account: account,
                password: password,
                name: name,
                sex:sex
            };
            //提交后台保存用户数据
            myrequest("/admin/user/add",data,'POST',function(data){
                $('#myModal1').modal('hide')
                toastr.success(data.msg);
                $("#table").bootstrapTable('refresh');
            }, function(data){
                toastr.error(data.msg);
            })
        });

    </script>

</div>